<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <link rel="shortcut icon" href=https://gin-gonic.com/favicons/favicon.ico>
    <title>gin模板渲染</title>
</head>

<body>

    <h3>分支控制语句</h3>
<hr>
<!--    模板 之条件判断-->
    {{if eq .user "yun"}}
    <p><button>登录成功</button></p>
    {{else}}
    <p><button>登录</button></p>
    {{end}}

    {{if gt .stuMap.age 18}}
    <p>大于18岁了</p>
    {{end}}
<hr>

    <h3>循环语句</h3>
<!--    模板 之循环结构-->
    <ul>
        <!--切片类型：每循环一次生成一次li-->
        {{range $index,$book := .booksSlice}}
        <li>{{$index}}：{{$book}}</li>
        {{end}}
    </ul>

    <ol>
        <!--map类型：每循环一次生成一次key value-->
        {{range $key,$value := .stuMap}}
        <li>{{$key}}：{{$value}}</li>
        {{end}}
    </ol>

    <table border="20">
        <tr>
            <th>序号</th>
            <th>姓名</th>
            <th>年龄</th>
        </tr>
        <!--结构体类型：每循环一次生成一行-->
        {{range $index,$stu := .stuStruct}}
        <tr>
            <td>{{$index}}</td>
            <td>{{$stu.Name}}</td>
            <td>{{$stu.Age}}</td>
        </tr>
        {{end}}
    </table>
<hr>

    <h3>循环和分支嵌套</h3>
    <p><strong>案例1</strong></p>
<!--    分支嵌套循环-->
    {{if gt .stuMap.age 18}}
        <p>大于18岁了，可以看的书如下：</p>
        <ul>
            {{range $book := .booksSlice}}
            <li>{{$book}}</li>
            {{end}}
        </ul>
    {{else}}
    <p>未成年展区</p>
    {{end}}

    <p><strong>案例2</strong></p>
<!--    循环嵌套分支-->
    <table border="10">
        <tr>
            <th>序号</th>
            <th>姓名</th>
            <th>年龄</th>
        </tr>
        {{range $index,$stu := .stuStruct}}
        {{if gt $stu.Age 30}}
        <tr>
            <td>{{$index}}</td>
            <td>{{$stu.Name}}</td>
            <td>{{$stu.Age}}</td>
        </tr>
        {{end}}
        {{end}}
    </table>
<hr>

    </body>
</html>
